<template>
    <div class="userCenter">
    <el-menu  class="el-menu-vertical-demo" background-color="#ffffff" :default-openeds="state.opends" router>
        <el-sub-menu index="1">
            <template #title>
                <el-text>个人信息维护</el-text>
            </template>    
            <el-menu-item index="/userCenter/userInformation" >
                基本资料         
            </el-menu-item>
            <el-menu-item index="/userCenter/changePassword" >
                修改密码        
            </el-menu-item>
             <el-menu-item index="/userCenter/myNotication" >
                系统通知
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="2">
            <template #title>
                <el-text>库币管理</el-text>
            </template>    
            <el-menu-item index="/userCenter/myBankPoint" >
                我的库币         
            </el-menu-item>
            <el-menu-item index="/userCenter/recharge" >
                捐款  
            </el-menu-item>
            <!-- <el-menu-item index="/userCenter/withdraw" >
                提现    
            </el-menu-item> -->
        </el-sub-menu>
        <el-sub-menu index="3">
            <template #title>
                <el-text>试卷维护</el-text>
            </template>
            <el-menu-item index="/userCenter/myCreatePaper" >
                我录入的
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="4">
            <template #title>
                <el-text>试题维护</el-text>
            </template>
            <el-menu-item index="/userCenter/myCreateQuestionAll" >
                所有试题
            </el-menu-item>
            <el-menu-item index="/userCenter/myCreateQuestion" >
                非试卷试题
            </el-menu-item>
            <el-menu-item index="/userCenter/myFavoriteQuestions" >
                我的收藏
            </el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="5">
            <template #title>
                <el-text>学案维护</el-text>
            </template>
            <el-menu-item index="/userCenter/myCreateGuidePaper" >
                我上传的
            </el-menu-item>
        </el-sub-menu>
    </el-menu>
</div>
</template>
  
<script setup>
import {onMounted,  reactive} from 'vue'
const state = reactive({
    opends: ['1', '2', '3', '4']
})
</script>

<style scoped>
    .userCenter{
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        padding: 100px 0 0 0;
    }
</style>